.index-banner{height: 450px; overflow: hidden; position: relative; z-index: 0}
.index-banner li{text-align: center;}
.index-banner li img{max-height:100%;text-align: center;}
.index-banner .slides a{position:absolute; left:50%; height:450px; display:block}
.index-banner .slides img{position:relative; left:-50%;}
.flex-direction-nav a {display: block; width: 60px; height: 60px; line-height:60px;position: absolute; top: 50%; z-index: 10; overflow: hidden;  cursor: pointer; color:#fff; background-color: rgba(0,0,0,.3); font-size: 0; border-radius: 50%; text-align: center;  font-family: "宋体"; margin-top: -30px; background-repeat:no-repeat; background-position:center center}
.flex-direction-nav .flex-prev { left: 15%; background-image:url(../../images/prev.png)}
.flex-direction-nav .flex-next { right: 15%;background-image:url(../../images/next.png)}
.flex-control-nav {width: 100%; position: absolute; bottom: 15px; text-align: center; z-index: 9}
.flex-control-nav li {margin: 0 3px; display: inline-block;}
.flex-control-paging li a {width: 15px; height: 15px; display: block; background: #d6d6d6; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover {background:#fff;}
.flex-control-paging li a.flex-active { background: #fff; cursor: default; }

.index-recom-warp{background: #fff; padding-bottom: 30px}
.index-recom-warp .recom-title{font-size: 24px; font-weight: bold; line-height: 25px; margin: 25px 0}

.product-slides{width: 1160px; position: relative}
.product-slides .slides{height: 320px; overflow: hidden;}
.product-slides .slides-view li{width: 275px; height: 320px; float: left; margin-right: 15px; background: #f5f5f5; text-align: center; position:relative;}
.product-slides .slides-view li .category{margin: 20px 0 10px; font-size: 24px; color: #155065; position:absolute; left:0; right:0; z-index:1}
.product-slides .slides-view li .tag-box{position:absolute; top:60px; left:0; right:0; z-index:1}
.product-slides li .tag{display: inline-block; line-height: 25px; padding:0 10px; min-width: 60px; text-align: center; color: #fff; font-size: 12px; background-color: #37b6ce; font-size: 14px}
.product-slides li .bg1{background-color: #ec6aa1}
.product-slides li .bg2{background-color: #37db79}
.product-slides li .bg3{background-color: #ffa273}
.product-slides li .pic{}
.product-slides li .name{line-height: 20px; margin:0 10px; position:absolute; left:0; right:0; bottom:30px;}


.product-slides img,.product-list img
{-webkit-transition:transform 1s;-moz-transition:transform 1s;-o-transition:transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;}
.product-slides img:hover,.product-list img:hover
{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.reco-direction-nav{position: absolute; height: 24px; border-radius: 3px; border:1px solid #ddd; top: -51px; right: 10px}
.reco-direction-nav li{float: left; height:24px;line-height: 24px; width: 38px; text-align: center}
.reco-direction-nav a {  text-align: center;  font-family: "宋体"; font-size: 20px; display: block}
.reco-direction-nav a.reco-prev{border-right: 1px solid #ddd}
.reco-direction-nav a.reco-disabled{color: #cfcfcf}

.reco-img{text-align: center; margin-top: 30px}
.reco-img img{max-width: 100%;}

.product-item{margin: 40px 0 0}
.product-item .category-title{/* border-left: 8px solid #7cacef; */ font-size: 25px; line-height: 20px; float: left; padding-left: 5px}
.product-item .category-tag{line-height: 20px; font-size: 14px; overflow: hidden; text-align: right; margin-right: 10px}
.product-item .category-tag a{color: #666; padding-left: 10px; display: inline-block}

.product-views{margin-top: 20px}
.product-views .category-views{width: 230px; height: 360px; float: left;background: #d8ebf6; text-align: center;}
.product-views .category-views .category{font-size: 24px; color: #155065; margin-top: 40px}
.product-views .category-views .tips{color:#666; line-height: 25px; font-size: 14px; }
.product-views .category-views .pic{width: 210px; padding: 0 10px; text-align: center; font-size: 0; margin:20px 0;height:140px;}
.product-views .category-views .img{vertical-align: middle}
.product-views .category-views .name{line-height: 25px; display: inline-block; margin:0 10px; font-size: 14px; border-bottom: 1px solid #ccc}
.product-views .category-views.bg0{/* background-color: #d8ebf6 */background:url("/images/index/category0.jpg");}
.product-views .category-views.bg1{/* background-color: #f2e7f6 */background:url("/images/index/category1.jpg");}
.product-views .category-views.bg2{/* background-color: #e0f2f8 */background:url("/images/index/category2.jpg");}
.product-views .category-views.bg3{/* background-color: #e4eded */background:url("/images/index/category3.jpg");}
.product-views .category-views.bg4{background-color: #f3ecec}

.product-list{overflow: hidden;}
.product-list li{float: left; background-color: #fff; margin: 0 5px 5px 0; padding: 10px; width: 435px; height: 157px;}
.product-list li .pic{width: 157px; height: 157px; float: left; margin-right: 15px; position:relative}
.product-list li .discount{height:20px; line-height:20px; background-color:#e53935; color:#fff; text-align:center; top:0; left:50%; margin-left:-40px; width:80px; position:absolute}
.product-list li .product-info{overflow: hidden; font-size: 16px; }

.product-list li .name{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; line-height: 25px; margin-top: 5px}
.product-list li .tag{color: #999; margin-top: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product-list li .price{color: #00a5da; font-size: 15px; margin:15px 0;}
.product-list li .price em{color: #be4141}
.product-list li .price i{font-size: 24px; line-height: 1}
.product-list li .price-dis{text-decoration: line-through; color:#999; font-style:italic}
.product-list li .go-buy{background-color: #0099cc; color: #fff; line-height: 35px; min-width: 80px; text-align: center; display: inline-block; font-size: 14px; border-radius: 5px; padding: 0 10px}

.index-topics{margin:30px 0;}
.index-topics .title{font-size: 25px; margin:20px 0;}
.index-topics .more{float: right; font-size: 14px; margin-top: 7px;}
.index-topics ul{width: 1162px}
.index-topics li{float: left; width: 375px; height: 223px; overflow: hidden; margin-right: 12px; position:relative}
.index-topics.sm li{width: 278px;height:240px;}
.index-topics.sm li img{position:absolute;}
.index-topics.sm li .name{position:absolute; left:25px; top:20px; right:25px; z-index:1; font-size:18px;}
.index-topics.sm li .view{position:absolute; left:25px; top:55px; border-radius:30px; text-align:center; width:110px; line-height:36px; font-size:16px; color:#fff}
.index-topics.sm li .v0{background-color:#7cacef}
.index-topics.sm li .v1{background-color:#c7b38b}
.index-topics.sm li .v2{background-color:#bf989a}
.index-topics.sm li .v3{background-color:#71caff}
.index-topics.sm li .v4{background-color:#888888}
.index-topics.sm li .v5{background-color:#65d6e8}

.index-topics.sm li .view
{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;transition:all .5s}
.index-topics.sm li .view:hover
{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}



.everyone-say{margin:45px 0 20px }
.everyone-say .title{font-size: 24px; text-align: center; color: #666; margin:30px 0; }
.say-item ul{width: 1170px}
.say-item li{width: 272px; height: 465px; background-color: #fff; float: left; margin-right: 20px}
.say-item .pic{width: 272px; height: 200px; overflow: hidden;}
.say-item .say-msg{padding:20px 30px; font-size: 14px}
.say-item .msg{height: 120px; line-height: 20px; overflow: hidden; margin-bottom: 25px}
.say-item .from{color: #f60; margin:15px 0;}
.say-item .product{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; margin:5px 0;}
.say-item .time{color: #999; padding: 0 5px;}